{include file='common/head'}
<div style="overflow-x: hidden;width: 96%;margin: auto;padding-top: 1rem;">


    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    </fieldset>
    <ul class="layui-timeline">
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">承保单位

                </h3>
                <p>
                    <br>承保单位 : {$info.company_name | default=''}<br>
                    <br>联系人 : {$info.username | default=''}<br>
                    <br>手机 : {$info.phone | default=''}<br>
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">保单险种</h3>
                <p>
                    <br>报案号 : {$info.policy_num | default=''}<br>
                    <br>保单号 : {$info.report_num | default=''}<br>
                    <br>出险险种 : {foreach($info.insurant_type_name as $k=>$v)}-{$v | default=''}-{/foreach}<br>
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">货品信息</h3>
                <p>
                    <br>货品类别 : {$info.policy_num | default=''}<br>
                    <br>货品名称 : {$info.goods_name | default=''}<br>
                    <br>数量与规格 : {$info.goods_num | default=''}<br>
                    <br>物品原值 : {$info.good_price | default=''} 万元<br>
                    <br>评估价 : {$info.good_pg_price | default=''}<br>
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">货品受损</h3>
                <p>
                    <br>受损时间 : {$info.damage_at | default=''}<br>
                    <br>受损原因 : {$info.damage_result | default=''}<br>
                    <br>货品所在地 : {$info.omit | default=''}{$info.city | default=''}{$info.classify | default=''}{$info.address_detail | default=''}<br>
                    <br>
                        第三方报告 : <div><img src=""></div>
                    <br>
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">货品现状</h3>
                <p>
                    <br>货品在 : {$info.present_at | default=''} 时的现状情况<br>
                    <br>货品清单 :
                    {if(isset($info.goods_list))}
                    {foreach($info.goods_list as $kw=>$vaa)}
                    <a href="{$vaa}">222</a>
                    {/foreach}
                    {/if}



                    <br>
                    <br>货品现状描述 : {$info.goods_desc | default=''}<br>
                    <br>上传的照片 :
                    {if(isset($info.present_img))}
                        {foreach($info.present_img as $k=>$v)}
                            <img src="{$v| default=''}" style="height: 100px;">
                        {/foreach}
                    {/if}
                    <br>
                    <br>上传的视频 :
                    {if(isset($info.present_video))}
                    {foreach($info.present_video as $ke=>$va)}
                    <img src="{$va| default=''}" style="height: 100px;">
                    {/foreach}
                    {/if}
                    <br>
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">物权人信息</h3>
                <p>
                    <br>要求在 : {$info.should_at | default=''} 前处置完成<br>
                    <br>物权单位 : {$info.rem_company | default=''}<br>
                    <br>联系人 : {$info.linkman | default=''}<br>
                    <br>手机号 : {$info.connect_phone | default=''}<br>
                    <br>报案号 : {$info.policy_num | default=''}<br>
                </p>
            </div>
        </li>
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title">授权书</h3>
                <p>
                    <br>授权书 : <img src="{$info.author_report| default=''}" style="height: 100px;"><br>
                </p>
        </li>
    </ul>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">

    </fieldset>
</div>
{include file='common/footer'}
<script>

    layui.use('layedit', function(){
        var layedit = layui.layedit;
        layedit.set({
            uploadImage: {
                url: '{:url("Upload/file_content")}' //接口url
                ,type: 'post' //默认post
            }
        });
        //注意：layedit.set 一定要放在 build 前面，否则配置全局接口将无效。
    });

</script>


<script>
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });

        //创建一个编辑器
        var editIndex = layedit.build('demo');

        //自定义验证规则
        form.verify({
            pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,content: function(value){
                layedit.sync(editIndex);
            }
        });

        //监听指定开关
        form.on('switch(switchTest)', function(data){
            layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });



        //监听提交
        form.on('submit(demo1)', function(data){
            $.ajax({
                url: '{:url("User/saveUserInfo")}',
                type: 'post',
                dataType: 'json',
                data: data.field,
                success: function (obj) {
                    if(obj.code==200){
                        parent.layer.msg(obj.msg, {icon: 6,time: 1000});
                        //当你在iframe页面关闭自身时
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index,data.field); //再执行关闭
                    }
                    if(obj.code==500){
                        layer.msg(obj.msg, {icon: 5,time: 1000});
                    }
                },
                error:function(data){
                    console.log(data);
                }
            });

        });


    });
</script>

</body>
</html>